<template>
  <div class="search3-demo">
    <ep-tabs v-model="active" ref="tabs">
      <ep-tab-item name="one" label="所有问卷">
        <ep-row :gutter="10">
          <ep-col :col="17"><left /></ep-col>
          <ep-col :col="7"><right /></ep-col>
        </ep-row>
      </ep-tab-item>
      <ep-tab-item name="two" label="列表展示">
        <list2 />
      </ep-tab-item>
    </ep-tabs>
  </div>
</template>
<script>
import left from './list1/left'
import right from './list1/right'
import list2 from './list2'
export default {
  name: 'search3',
  components: {
    left,
    right,
    list2
  },
  data() {
    return {
      active: 'one'
    }
  }
}
</script>
<style lang="less" scoped>
.search3-demo {
  .ep-tabs-default {
    background: transparent;
  }
  /deep/.ep-tabs-contents {
    padding: 15px 0;
  }
  /deep/.ep-col-16 {
    padding-left: 0 !important;
  }
  /deep/.ep-col-8 {
    padding-right: 0 !important;
  }
}
</style>
